<!-- 秒杀列表页面 -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<link href="/css/jquery-select/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox">
            <input type="hidden" id="activityId" name="activityId" th:value="${activityId}">
            <input type="hidden" id="productId" name="productId" th:value="${productId}">
            <div class="ibox-body">
                <div class="form-group">
                    <ul class="nav nav-arrow-next nav-tabs" id="myTab">
                        <li class="active"><a href="#tab_basic">选择商品规格</a></li>
                        <!--<li><a href="#tab_des">设置选中商品规格</a></li>-->
                    </ul>
                </div>
                <div class="tab-content" style="border: 0px;">
                    <div class="tab-pane active" id="tab_basic">
                        <input type="hidden" id="productCentreId" th:value="${productCentreId}">
                        <!--<button type="button" onclick="batchSetting()">批量参加</button>-->
                        <table id="productSkuTable" data-mobile-responsive="true"></table>
                        <div class="form-group text-center">
                            <div class="col-sm-8 col-sm-offset-2">
                                <!--<button class="btn btn-primary" onclick="nextStep()">-->
                                <!--<i class="fa fa-check"></i>下一步-->
                                <!--</button>-->
                                <button class="btn btn-primary" onclick="btnClose()">
                                    <i class="fa fa-check"></i>关闭
                                </button>
                            </div>
                        </div>
                    </div>
                    <!-- 商品选择开始 -->
                    <div class="tab-pane" id="tab_des" style="display: none">
                        &nbsp;
                        <div class="form-group">
                            <table id="choosedJoinProductSkuTable" data-mobile-responsive="true"></table>
                        </div>
                        <button class="btn btn-primary" onclick="btnOk()">
                            <i class="fa fa-check"></i>确定
                        </button>
                        <button class="btn btn-primary" onclick="closeDow()">
                            <i class="fa fa-check"></i>关闭
                        </button>
                    </div>
                </div>

                <!--<div id="goodsSeckillPrice" style="display:none;    margin-top: 1rem;">-->
                <!--<div>-->
                <!--<label class="col-sm-4">总库存数:</label>-->
                <!--<div class="col-sm-8">-->
                <!--<input id="stock" name="stock" placeholder="必填：总库存数"-->
                <!--class="form-control" type="number" value="0" readonly>-->
                <!--</div>-->

                <!--</div>-->
                <!--<div>-->
                <!--<label class="col-sm-4">单次参与件数*:</label>-->
                <!--<div class="col-sm-8">-->
                <!--<input type="number"-->
                <!--id="giftAmount" name="giftAmount" value="0" placeholder="必填:单次参与件数"/>-->
                <!--</div>-->
                <!--</div>-->
                <!--<div>-->
                <!--<label class="col-sm-4">累积参与件数*:</label>-->
                <!--<div class="col-sm-8">-->
                <!--<input type="number"-->
                <!--id="giftAllAmount" name="giftAllAmount" value="0" placeholder="必填:累积参与件数"/>-->
                <!--</div>-->

                <!--</div>-->
                <!--</div>-->
            </div>
        </div>

        <div id="goodsSpecSetting" style="display:none;    margin-top: 1rem;">
            <div>
                <label class="col-sm-4">商品名称:</label>
                <div class="col-sm-8">
                    <input id="goodsName" name="goodsName" placeholder="必填：商品名称"
                           class="form-control" value="">
                </div>
            </div>
            <div>
                <label class="col-sm-4">商品库存:</label>
                <div class="col-sm-8">
                    <input type="number" id="goodsStock" name="goodsStock" placeholder="必填:商品库存"/>
                </div>
            </div>
            <div>
                <label class="col-sm-4">套装价格:</label>
                <div class="col-sm-8">
                    <input type="number"
                           id="packagePrice" name="packagePrice" placeholder="必填:套装价格"/>
                </div>
            </div>
        </div>


    </div>
</div>
</div>
<div th:include="include::footer"></div>
<script src="/js/appjs/activity/productSpecSelect.js"></script>
<script src="/js/jquery-select/jquery.searchableSelect.js"></script>
<script src="/js/layui.js"></script>
<script type="text/javascript">
    $(function () {
        $('#supply').searchableSelect();
        $('#centreId').searchableSelect();

        // tab切换
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $('#myTab li').each(function () {
                $(this).removeClass('active')
            })
            $('.tab-content .tab-pane').each(function () {
                $(this).removeClass('active')
            })
            $(this).parent().addClass('active')
            id = $(this).attr('href')
            $(id).addClass('active');
        })
    });


</script>
</body>

</html>